<meta charset="UTF-8">
          <!-- Add icons to the links using the .nav-icon class
               with font-awesome or any other icon font library -->
<li class="nav-header">操作菜单</li>
<!-- <li class="nav-item has-treeview menu-open"> -->
<li id="firstLevel" class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon fas fa-tachometer-alt"></i>
    <p>
      <!-- Dashboard active -->
 		基础信息维护
      <i class="right fas fa-angle-left"></i>
    </p>
  </a>
  <ul class="nav nav-treeview">
    <li class="nav-item">
      <a href="./showStoreKeyList.html" onclick="changeMenuActive(1)" id="huozhu_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>
        	货主信息维护
        </p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showSKUList.html" onclick="changeMenuActive(2)" id="shangPing_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p> 
        	商品信息维护
        </p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showLOCList.html" onclick="changeMenuActive(3)" id="kuWei_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>
        <!-- Dashboard v3 -->
        	库位信息维护
        </p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showVehicleList.html" onclick="changeMenuActive(4)" id="cheLiang_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>
        <!-- Dashboard v3 -->
        	车辆信息维护
        </p>
      </a>
    </li>
  </ul>
</li>
<li id = "secondLevel" class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon fas fa-chart-pie"></i>
    <p>
      	入库管理
      <i class="right fas fa-angle-left"></i>
    </p>
  </a>
  <ul class="nav nav-treeview">
    <li class="nav-item">
      <a href="./showASNList.html?addNew=1"  onclick="changeMenuActive(5)" id="xinZeng_xx" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>新增入库信息</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./queryASNList.html" onclick="changeMenuActive(6)" id="chaXun_xx" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>查询入库信息</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./asnSetup.html" onclick="changeMenuActive(7)" id="ruKu_sz" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>入库设置</p>
      </a>
    </li>
  </ul>
</li>
<li id="thirdLevel" class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon fas fa-tree"></i>
    <p>
      	出库管理
      <i class="fas fa-angle-left right"></i>
    </p>
  </a>
  <ul class="nav nav-treeview">
    <li class="nav-item">
      <a href="./showSOList.html?addNew=1" onclick="changeMenuActive(8)" id="xinZen_ck" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>新增出库信息</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showSOList.html" onclick="changeMenuActive(9)" id="chaXun_ck" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>查询出库信息</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./soSetup.html" onclick="changeMenuActive(10)" id="chuKu_sz" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>出库设置</p>
      </a>
    </li>
  </ul>
</li>
<li id="fourthLevel" class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon fas fa-edit"></i>
    <p>
      	库存管理
      <i class="fas fa-angle-left right"></i>
    </p>
  </a>
  <ul class="nav nav-treeview">
    <li class="nav-item">
      <a href="./showLOCINVList.html" onclick="changeMenuActive(11)" id="kuCun_cx" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>库存查询</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showLOCList.html" onclick="changeMenuActive(12)" id="kuCun_gl" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>库位管理</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showMoveLocList.html" onclick="changeMenuActive(13)" id="yiKu_cz" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>移库操作</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showStockINVList.html" onclick="changeMenuActive(14)" id="panDian_kc" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>盘点库存</p>
      </a>
    </li>
  </ul>
</li>
<li id="fifthLevel" class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon fas fa-table"></i>
    <p>
      	运单管理
      <i class="fas fa-angle-left right"></i>
    </p>
  </a>
  <ul class="nav nav-treeview">
    <li class="nav-item">
      <a href="./showShipOrderList.html?addNew=1" onclick="changeMenuActive(15)" id="xinZen_yd" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>新增运单</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showShipOrderList.html" onclick="changeMenuActive(16)" id="chaXun_yd" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>查询运单</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showVehicleManage.html" onclick="changeMenuActive(17)" id="cheLiang_gl" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>车辆管理</p>
      </a>
    </li>
  </ul>
</li>
<li class="nav-header">报表管理</li> 
<li class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon fas fa-book"></i>
    <p>
      入库报表
      <i class="fas fa-angle-left right"></i>
    </p>
  </a>
  <ul class="nav nav-treeview">
    <li class="nav-item">
      <a href="./showASNDailyReport.html" onclick="changeMenuActive(18)" id="ruKu_rbb" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>入库日报表</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showASNMonthReport.html" onclick="changeMenuActive(19)" id="ruKu_ybb" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>入库月报表</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showASNCUSTReport.html" onclick="changeMenuActive(20)" id="ruKu_khbb" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>入库客户报表</p>
      </a>
    </li>
  </ul>
</li>
<li class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon far fa-plus-square"></i>
    <p>
      出库报表
      <i class="fas fa-angle-left right"></i>
    </p>
  </a>
  <ul class="nav nav-treeview">
    <li class="nav-item">
      <a href="./showSODailyReport.html" onclick="changeMenuActive(21)" id="chuKu_rbb" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>出库日报表</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showSOMonthReport.html" onclick="changeMenuActive(22)" id="chuKu_ybb" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>出库月报表</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showSOCUSTReport.html" onclick="changeMenuActive(23)" id="keHu_ckbb" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>客户出库报表</p>
      </a>
    </li>
  </ul>
</li>
<li class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon far fa-plus-square"></i>
    <p>
      库存报表
      <i class="fas fa-angle-left right"></i>
    </p>
  </a>
  <ul class="nav nav-treeview">
    <li class="nav-item">
      <a href="./showSKUINVReport.html" onclick="changeMenuActive(24)" id="kuCun_bb" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>库存报表</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showStockINVReport.html" onclick="changeMenuActive(25)" id="panKu_bb" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>盘库报表</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showCUSTINVReport.html" onclick="changeMenuActive(26)" id="keHu_kcbb" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>客户库存报表</p>
      </a>
    </li>
  </ul>
  
</li>
<li class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon far fa-plus-square"></i>
    <p>
      自定义报表
      <i class="fas fa-angle-left right"></i>
    </p>
  </a>
</li>
<li class="nav-header">个人信息</li>

<li class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon far fa-envelope"></i>
    <p>
      邮箱
      <i class="fas fa-angle-left right"></i>
    </p>
  </a>
  <ul class="nav nav-treeview">
    <li class="nav-item">
      <a href="./shoujianxiang.html" onclick="changeMenuActive(1)" id="huozhu_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>收件箱</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./xinyoujian.html" onclick="changeMenuActive(1)" id="huozhu_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>新邮件</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./readMail.html" onclick="changeMenuActive(1)" id="huozhu_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>读邮件</p>
      </a>
    </li><li class="nav-item">
      <a href="./showRiLi.html" onclick="changeMenuActive(1)" id="huozhu_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>日历</p>
      </a>
    </li>
  </ul>
</li>

<li class="nav-item has-treeview">
  <a href="#" class="nav-link">
    <i class="nav-icon fa fa-cog"></i> 
    <p>
      设置
      <i class="fas fa-angle-left right"></i>
    </p>
  </a>
  <ul class="nav nav-treeview">
    <li class="nav-item">
      <a href="./showPersonSetup.html" onclick="changeMenuActive(1)" id="huozhu_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>个人</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showGlobalSetUp.html" onclick="changeMenuActive(1)" id="huozhu_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>全局</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showDSRWList.html" onclick="changeMenuActive(1)" id="huozhu_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>定时任务</p>
      </a>
    </li>
    <li class="nav-item">
      <a href="./showSystemSetUp.html" onclick="changeMenuActive(1)" id="huozhu_wh" class="nav-link">
        <i class="far fa-circle nav-icon"></i>
        <p>系统</p>
      </a>
    </li>
  </ul>
</li>


<script type="text/javascript">
	console.log("show menu1...");


	(function($){
		console.log("menu start");
		var mm = localStorage.getItem("menuId");
		console.log("mm-=>",mm);
	

		$("#firstLevel").removeClass("menu-open");
		$("#secondLevel").removeClass("menu-open");
		$("#thirdLevel").removeClass("menu-open");
		$("#fourthLevel").removeClass("menu-open");
		$("#fifthLevel").removeClass("menu-open");
		
		//fifthLevel
		if(mm==0){
		//$("#firstLevel").css("nav-item has-treeview menu-open");
			$("#firstLevel").addClass("menu-open");
		}else if(mm==1){
			$("#firstLevel").addClass("menu-open");
		}else if(mm==2){ 
			$("#secondLevel").addClass("menu-open");
		}else if(mm==3){
			$("#thirdLevel").addClass("menu-open");
		}else if(mm==4){
			$("#fourthLevel").addClass("menu-open");
		}else if(mm==5){
			$("#fifthLevel").addClass("menu-open");
		}
		let menuId1 = sessionStorage.getItem("menuId")
		changeMenu1(menuId1);
	})(jQuery);
	
	
	function changeMenu1(e){
		console.log("changeMenu1-=>",e)

		
		if(e==1){
			$("#huozhu_wh").addClass("active")
			
		}else if(e==2){
			$("#shangPing_wh").addClass("active")
			
		}else if(e==3){
			$("#kuWei_wh").addClass("active")
			
		}else if(e==4){
			$("#cheLiang_wh").addClass("active")
			
		}else if(e==5){
			$("#xinZeng_xx").addClass("active")
			
		}else if(e==6){
			$("#chaXun_xx").addClass("active")
			
		}else if(e==7){
			$("#ruKu_sz").addClass("active")
			
		}else if(e==8){
			$("#xinZen_ck").addClass("active")
			
		}else if(e==9){
			$("#chaXun_ck").addClass("active")
			
		}else if(e==10){
			$("#chuKu_sz").addClass("active")
			
		}else if(e==11){
			$("#kuCun_cx").addClass("active")
			
		}else if(e==12){
			$("#kuCun_gl").addClass("active")
			
		}else if(e==13){
			$("#yiKu_cz").addClass("active")
			
		}else if(e==14){
			$("#panDian_kc").addClass("active")
			
		}else if(e==15){
			$("#xinZen_yd").addClass("active")
			
		}else if(e==16){
			$("#chaXun_yd").addClass("active")
			
		}else if(e==17){
			$("#cheLiang_gl").addClass("active")
			
		}else if(e==18){
			$("#ruKu_rbb").addClass("active")
			
		}else if(e==19){
			$("#ruKu_ybb").addClass("active")
			
		}else if(e==20){
			$("#ruKu_khbb").addClass("active")
			
		}else if(e==21){
			$("#chuKu_rbb").addClass("active")
			
		}else if(e==22){
			$("#chuKu_ybb").addClass("active")
			
		}else if(e==23){
			$("#keHu_ckbb").addClass("active")
			
		}else if(e==24){
			$("#kuCun_bb").addClass("active")
			
		}else if(e==25){
			$("#panKu_bb").addClass("active")
			
		}else if(e==26){
			$("#keHu_kcbb").addClass("active")
			
		}else if(e===27){
			
		}else if(e===28){
			
		}else if(e===29){
			
		}else{
			$("#huozhu_wh").removeClass("active")
			$("#shangPing_wh").removeClass("active")
			$("#kuWei_wh").removeClass("active")
			$("#cheLiang_wh").removeClass("active")
			$("#xinZeng_xx").removeClass("active")
			$("#chaXun_xx").removeClass("active")
			$("#ruKu_sz").removeClass("active")
			$("#xinZen_ck").removeClass("active")
			$("#chaXun_ck").removeClass("active")
			$("#chuKu_sz").removeClass("active")
			$("#kuCun_cx").removeClass("active")
			$("#kuCun_gl").removeClass("active")
			$("#yiKu_cz").removeClass("active")
			$("#panDian_kc").removeClass("active")
			$("#xinZen_yd").removeClass("active")
			$("#chaXun_yd").removeClass("active")
			$("#cheLiang_gl").removeClass("active")
			$("#ruKu_rbb").removeClass("active")
			$("#ruKu_ybb").removeClass("active")
			$("#ruKu_khbb").removeClass("active")
			$("#chuKu_rbb").removeClass("active")
			$("#chuKu_ybb").removeClass("active")
			$("#keHu_ckbb").removeClass("active")
			$("#kuCun_bb").removeClass("active")
			$("#panKu_bb").removeClass("active")
			$("#keHu_kcbb").removeClass("active")
		}
	}
	
	function changeMenuActive(e){
		console.log("changeMenuActive-=>",e);
		
		//var var1 = $("#firstLevel").attr();
		//console.log("var1-=>",var1);
		//var var2 = $("#firstLevel").css();
		//console.log("var2-=>",var2);
		
		sessionStorage.setItem("menuId",e)
		
		
		if(e===1){
			console.log("open first level menu list");
			//$("#firstLevel").css("nav-item has-treeview menu-open");
			/* $("button").click(function(){
			    $("p:first").addClass("intro");
			}); */
			//$("#firstLevel").addClass("menu-open");
			
			$("#huozhu_wh").addClass("active")
		}else if(e===2){

			console.log("open second level menu list");
			//$("#secondLevel").addClass("menu-open");
			//$("#firstLevel").removeClass("menu-open");
		}
		
	}
	
</script>
